<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/jquery-3.5.1.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <style>

        .disableCss {
            pointer-events: none;
            color: #afafaf;
            cursor: default;
            opacity: 0.5;
        }

        .container-fluid {
            padding-right: 75px;
            padding-left: 75px;
        }
    </style>
    <script>
        function goDetail(stuid, name, power, sex, password) {
            $("#stuid").val(stuid);
            $("#name").val(name);
            $("#power").val(power);
            $("#sex").val(sex);
            $("#password").val(password);
        }
    </script>
</head>

<body>
<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h3>
                    个人信息管理 <small>编辑个人信息：</small>
                </h3>
            </div>
            <table class="table">
                <thead>
                <tr>
                    <th colspan="3"><h4>基础信息</h4></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <label>学号：</label>
                        <label th:text="${stuid}"></label>
                    </td>
                    <td>
                        <label>姓名：</label>
                        <label th:text="${name}"></label>
                    </td>
                    <td>
                        <label>照片：</label>
                        <img th:src="@{/images/admin.jpg} " width="75px" height="75px">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>管理权限：<span style="color: red" th:text="${power}"></span></label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>性别：</label>
                        <label th:text="${sex}"></label>
                    </td>
                    <td>
                        <label>年龄：</label>
                        <label>xxx</label>
                    </td>
                    <td>
                        <label>婚姻状况：</label>
                        <label>（已婚/未婚）</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>民族：</label>
                        <label>xxx</label>
                    </td>
                    <td>
                        <label>政治面貌：</label>
                        <label>（群众/共青团员/中共党员···）</label>
                    </td>
                    <td>
                        <label>国籍：</label>
                        <label>xxx</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>出生日期：</label>
                        <label>yyyy-mm-dd</label>
                    </td>
                    <td>
                        <label>入学日期：</label>
                        <label>yyyy-mm-dd</label>
                    </td>
                    <td>
                        <label>毕业日期：</label>
                        <label>yyyy-mm-dd</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>生源地：</label>
                        <label>xxx省xxx市xxx（区/县）xxx镇xxx村xxx</label>
                    </td>
                    <td>
                        <label>现居住地：</label>
                        <label>xxx省xxx市xxx（区/县）xxx镇xxx村xxx</label>
                    </td>
                    <td>
                        <label>籍贯所在地：</label>
                        <label>xxx省xxx市xxx（区/县）xxx镇xxx村xxx</label>
                    </td>
                </tr>
                </tbody>
                <button class="btn btn-success" data-target="#myModal" data-toggle="modal"
                        th:onclick="goDetail([[${stuid}]],[[${name}]],[[${power}]],[[${sex}]],[[${password}]])">
                    编辑个人信息
                </button>
                <span>  个人信息状态：<span th:style="${color}"><span th:text="${status}"></span></span></span>
                <!-- Modal-->
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                     aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <h4 class="modal-title" id="course">编辑个人信息</h4>
                            </div>
                            <div class="modal-body">
                                <p align="center">
                                <form th:action="@{/personalInformation/update}">
                                    学号：<input id="stuid" type="text" name="stuid" readonly><br>
                                    姓名：<input id="name" type="text" name="name"><br>
                                    性别：<input id="sex" type="text" name="sex"><br>
                                    权限：<input id="power" type="text" name="power" readonly><br>
                                    <input id="password" type="hidden" name="password">
                                    <button type="submit" class="btn btn-success">提交</button>
                                </form>
                                </p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </table>
            <hr>
            <table class="table">
                <thead>
                <tr>
                    <th colspan="3"><h4>联系信息</h4></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <label>校园网短号：（保密）</label>
                    </td>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            手机号码：（保密）</label>
                    </td>
                    <td>
                        <label>固定电话：（保密）</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>个人主页：（保密）</label>
                    </td>
                    <td>
                        <label> QQ号码：（保密）</label>
                    </td>
                    <td>
                        <label>微信号：（保密）</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            电子邮箱：（保密）</label>
                    </td>
                    <td>
                        <label>邮政编码：（保密）</label>
                    </td>
                    <td>
                        <label>传真：（保密）</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>在校住址：（保密）</label>
                    </td>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            联系地址：（保密）</label>
                    </td>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            紧急联系人：（保密）</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            紧急联系人电话：</label>
                        <label>（保密）</label>
                    </td>
                </tr>
                </tbody>
            </table>
            <hr>
            <table class="table">
                <thead>
                <tr>
                    <th colspan="3"><h4>家庭信息</h4></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            家庭人口(人)：</label>
                    </td>
                    <td>
                        <label>家庭月均收入(元)：</label>
                    </td>
                    <td>
                        <label>家庭邮政编码：</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>家庭状况：
                        </label>
                    </td>
                    <td>
                        <label> 家庭贫困程度：
                        </label>
                    </td>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            家庭电话：
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>
                            <psan style="color: red">*</psan>
                            家庭住址：</label>
                        <label>xxx省xxx市xxx（区/县）xxx镇xxx村xxx</label>
                    </td>
                    <td>
                        <label>家庭类型：
                        </label>
                    </td>
                    <td>
                        <label>家庭人员受教育情况：</label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label>家庭遭受自然灾害状况：（有/无）意外情况</label>
                    </td>
                    <td>
                        <label>家庭遭受突发意外状况：（有/无）意外情况</label>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>
